/* 
    content.css
    include grid and form page stylesheet.
    Created on : 2015-10-15, 14:34:28
    Author     : SoChishun
*/

/* =============================================================== */
/*                       Grid
/* =============================================================== */
/* 
    Created on : 2015-10-15, 14:34:16
    Author     : SoChishun <14507247@qq.com>
*/

body {margin: 0;}
body, td, th {font-size:12px;}
a{text-decoration: none;}

/* common */
.xsui-hidden { display: none;}
.xsui-text-right { text-align:right;}
.xsui-text-ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xsui-scrollable { width: 100%; overflow: auto;}
.xsui-a { color:#333; text-decoration: underline; margin-right:5px;}
.xsui-break {word-wrap: break-word;  word-break: normal; }
.xsui-nowrap {white-space:nowrap;}
/* /common */

/* xsui-breadcrumb */
.xsui-breadcrumb { padding: 10px 5px;}
.xsui-breadcrumb i{ margin-right:3px; font-size:13px;}
.xsui-breadcrumb a { color:#376EA7;}
.xsui-breadcrumb li { display: inline-block;}
.xsui-breadcrumb li+li:before { content: "/\00a0"; padding: 0 5px; color: #376EA7;}
.xsui-breadcrumb .current { color: #999;}
/* /xsui-breadcrumb */

/* xsui-page-header */
.xsui-page-header { margin-bottom:5px; display:table; width:100%;}
.xsui-page-lead { line-height:18px; color:#999; padding-left:10px; margin:10px 0; border-left: 4px solid #9AB6D2;}
.xsui-page-lead a { color:#0b76ac;}
.xsui-page-lead strong {font-weight:bold; color:#F00;}
/* /xsui-page-header */

/* xsui-tabs */
.xsui-tabs li { display:inline-block; padding:.3em 3em; border:solid 1px #ddd; margin-left:-10px;}
.xsui-tabs li:first-child { margin-left:0;}
.xsui-tabs .xsui-icon-only { padding:.3em 1em;}
.xsui-tabs .fa { margin-right:3px;}

.ui-tabs { border:none;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:0.3em 1em}
.ui-tabs .ui-tabs-nav { border-radius:5px;}
/* /xsui-tabs */

main, .main { padding:5px 10px;}

#grid-container { overflow: auto;}

/* xsui-document 2016-2-17 */
.xsui-document-title { text-align: center; font-size:30px; font-weight:bold; margin:10px;}
.xsui-document-meta {color:#999; text-align:right; border-bottom:solid 1px #CCC; margin-bottom:10px; padding-bottom:5px; padding-right:10px;} /* 文章元数据，如作者、发布日期等 */
.xsui-document-lead{ } /* 文章摘要、导读等信息 */
.xsui-document-content { color:#333;}
/* /xsui-document */


/* xsui-btn-group */
.xsui-input-group {display:inline-block;}
.xsui-input-group input {border:1px solid #77d5f7; height: 23px; padding:0px 5px;}
.xsui-input-group button { margin:0; height: 23px; vertical-align: bottom;}
.xsui-input-group button i { margin-right:5px;}
.xsui-input-group button.xsui-icon-only i {margin:0;}
/* /xsui-btn-group */

/* xsui-radio-group-vertical (2016-6-17 SoChishun Added. use for vertical radio group) */
.xsui-radio-group-vertical { line-height: 21px;}
.xsui-radio-group-vertical span {color:#999; margin-left:5px;}
/* /xsui-radio-group-vertical */

/* xsui-pagination */
.xsui-pagination{ margin-top:10px;}
.xsui-pagination li { display:inline-block;}
.xsui-pagination a, .xsui-pagination span.current { border:solid 1px #CCC; color:#095f8a; padding:.5em .8em; margin-right:5px; }
.xsui-pagination span.current { color:#F00; font-weight: bold;}
.xsui-pagination .disabled { border-color: #ddd; color:#999; cursor: not-allowed;}
.xsui-pagination input, .xsui-pagination select { margin-right:5px;}
.pagination-message, .pagination-stat { color:#999;}
/* /xsui-pagination */

/* ui-dialog */
.ui-dialog .ui-dialog-buttonset .fa { margin-left:.6em;}
.ui-dialog .ui-dialog-buttonset .ui-button-text { padding:.4em .8em .4em .4em; display:inherit;}
/* /ui-dialog */

/* table */
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;    
}
.xsui-table {width: 100%;}
.xsui-table thead th {white-space: nowrap;}
/* /table */

/* xsui-operate-group */
.xsui-operate-group>li {position: relative; white-space:nowrap;}
.xsui-operate-group ul {display: none; position: absolute; left:-32px; background-color:#f5f5f5; border: solid 1px #CCC; z-index: 99999; white-space: nowrap; padding:5px 0px;}
.xsui-operate-group ul a {color:#0e90d2; padding:4px 20px 4px 10px; display:block;}
.xsui-operate-group ul li:hover { background-color:#0e90d2;}
.xsui-operate-group ul li:hover a {color:#FFF}
.xsui-operate-group a i { margin-right:3px; font-size: 13px;}
/* /xsui-operate-group */

/* table-state */
.xsui-table td.active {background-color:#FFFFDD;}
.xsui-table td.primary {background-color:#e3f2fa; color:#0b76ac}
.xsui-table td.success {background-color:#ECF6EC; color:#5eb95e}
.xsui-table td.warning {background-color:#FDEFE4; color:#f37b1d}
.xsui-table td.danger{background-color:#FAEAE9; color:#dd514c}
.xsui-table td.disabled{color:#999;}
/* /table-state */

/* table-effect */
.xsui-table-striped tr:nth-child(odd)>td { background-color:#ddd}
.xsui-table-hover tbody tr:hover>td {background-color: #e9e9e9;}
/* /table-effect */

td .thumb { max-width:48px; max-height:48px;}

/* xsui-table-tree */
.xsui-table-tree-l2 .title .prefix { display:inline-block; border-bottom:dotted 1px #AAA; width:2em;}
.xsui-table-tree-l3 .title  .prefix { display:inline-block; border-bottom:dotted 1px #AAA; width:4em;}
.xsui-table-tree .title a { color:#0b76ac;}
/* /xsui-table-tree */

/*========bordered table========*/
.xsui-table-bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.xsui-table-bordered tr {
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.xsui-table-bordered .highlight,
.xsui-table-bordered tr:hover {
    background: #fbf8e9;		
}
.xsui-table-bordered td, 
.xsui-table-bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 2px 3px;
    text-align: left;
}
.xsui-table-bordered th, .xsui-table-bordered .cell-rownumber {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ebf3fc, endColorstr=#dce9f9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ebf3fc, endColorstr=#dce9f9)";
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    padding: 6px 3px;
}
.cell-rownumber { width:42px;}
.cell-multiple-select { width:16px;}
.xsui-table-bordered td:first-child, 
.xsui-table-bordered th:first-child {
    border-left: none;
}
.xsui-table-bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
.xsui-table-bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
.xsui-table-bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
.xsui-table-bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
/* xsui-table-zebra */
.xsui-table-zebra td, 
.xsui-table-zebra th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
}
.xsui-table-zebra .alternate,
.xsui-table-zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}
.xsui-table-zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image: -o-linear-gradient(top, #f5f5f5, #eee);
    background-image: linear-gradient(top, #f5f5f5, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f5f5f5, endColorstr=#eeeeee);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f5f5f5, endColorstr=#eeeeee)";
}
.xsui-table-zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
.xsui-table-zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
.xsui-table-zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;
}
.xsui-table-zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
.xsui-table-zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
/* /xsui-table-zebra */

/* =============================================================== */
/*                        Form
/* =============================================================== */
/* 
    Created on : 2015-10-15, 14:34:16
    Author     : SoChishun <14507247@qq.com>
*/

.htitle { font-size:14px; font-weight: bold; border-bottom:solid 1px #CCC; padding:5px 0 10px 5px; margin-bottom: 10px; color:#376EA7;}

/* form xsui-form */
form fieldset { margin-bottom:10px;}
form legend { border-bottom:solid 1px #09C; font-weight: bold; font-size:14px;  color:#666; width:100%; padding-bottom:5px; margin:5px 0;}
form legend .switch{content:'[-]'; font-size:12px; margin-right:5px; text-decoration: none; color:#999;}
.xsui-form-hd { padding:10px 0;}
.xsui-form-hd h1 { font-size: 1.5rem;line-height: 1.15;font-weight: 400; color:#445566;}
form input[type='radio'], form input[type='checkbox']{ margin-right:5px; vertical-align: text-bottom;}
form input[type='text'], form input[type='password'], form textarea {border:solid 1px #aaa; border-radius: 4px; padding:.4em; color:#555;}
form textarea {line-height: 1.2;}
.xsui-form-field { padding:5px;}
.xsui-form label {font-weight:bold; color:#555;}
.xsui-form-field-warning { color:#F00;}
.xsui-form-field-tip { color:#999;}
.xsui-form [type='submit'] { padding:6px 25px; border-radius: 5px; margin-right:10px;}
.xsui-form [type='reset'] { padding:6px 12px; border-radius: 5px;}
/* /form xsui-form */

/* xsui-form-table 2016-1-21 SoChishun Added. */
.xsui-form-table th, .xsui-form-table td { padding:2px 3px;}
/* /xsui-form-table */

/* xsui-btn */
.xsui-btn {padding:.3em .8em .4em .6em; border-radius: 5px; display: inline-block;}
.xsui-btn:hover { font-weight: blod;}
.xsui-btn .fa, [type='submit'] .fa, [type='reset'] .fa { margin-right:5px; font-size:13px;}
.xsui-icon-only i { margin: 0px; font-size:13px;}
.xsui-icon-right {padding:.3em .6em .4em .8em;}
.xsui-icon-right i {margin-right: 3px; margin-left: 3px;}
/* /xsui-btn */

/* grid xsui-form */
.xsui-page-header form input[type='text'] {border:solid 1px #aaa; border-radius: 4px; padding:2px 5px; color:#333; height:17px;}
.xsui-page-header .xsui-form-field { padding:3px;}
#btn-search-dialog { border-left:none;}
#search-dialog .xsui-form button[type='submit'] { display:none;}
#search-dialog form input[type='text'], form input[type='password'], form textarea {border:solid 1px #aaa; border-radius: 4px; padding:.1em .2em; color:#555;}
#search-dialog th { color:#333; padding:2px;}
#search-dialog td { padding:2px;}
/* /grid xsui-form */

/* xsui-form-vertical */
.xsui-form-vertical li { margin-bottom: 10px;}
.xsui-form-field-vertical { padding-left:5px;}
.xsui-form-vertical label, .xsui-form-field-vertical label { display:block; color:#666; font-weight: bold; height:30px; line-height:30px;}
.xsui-form-vertical label span, .xsui-form-field-vertical span { color:#999; font-weight:normal;}
/* /xsui-form-vertical */

/* xsui-form-view */
.xsui-form-view label {  color:#666; font-weight: bold;}
/* /xsui-form-view */

/* xsui-color */
.xsui-primary {color:#0b76ac}
.xsui-success{color:#5eb95e}
.xsui-warning{color:#f37b1d}
.xsui-danger{color:#dd514c}
/* /xsui-color */

.xsui-clear { clear:both; font-size:1px;}
.xsui-clear-left { clear:left; font-size:1px;}
.xsui-clear-right { clear:right; font-size:1px;}